<template>
    <div class="page-container">
        <Example title="基本用法">
            <a-form-model :model="form" :rules="rules" label-width="100px">
                <a-form-model-item label="姓名" prop="name">
                    <a-input v-model="form.name" placeholder="请输入"></a-input>
                </a-form-model-item>
                <a-form-model-item label="性别" prop="sex">
                    <a-select v-model="form.sex" placeholder="请选择">
                        <a-select-option value="1">男</a-select-option>
                        <a-select-option value="2">女</a-select-option>
                    </a-select>
                </a-form-model-item>
                <a-form-model-item label="出生日期" prop="birthday">
                    <a-date-picker v-model="form.birthday" placeholder="请选择" style="width: 100%;"></a-date-picker>
                </a-form-model-item>
            </a-form-model>
        </Example>
    </div>
</template>

<script>
export default {
    data() {
        return {
            form: {},
            rules: {
                name: [{ required: true, message: '请输入', trigger: 'blur' }]
            }
        }
    }
};
</script>

<style></style>
